.copyight a {
    color: #999
}

.pages li {
    margin-top: 0!important;
    margin-bottom: 0!important;
    border: 0!important;
    display: inline-block
}

.pages ul {
    padding-bottom: 0!important
}

.section {
    overflow: hidden
}

@media (min-width:1440px) and (max-width:1600px) {
    .section4 .bigpic {
        width: 100%;
        position: relative
    }
    .section4 .bigpic .item {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .section4 .bigpic .item .pic {
        width: 100%;
        top: 0;
        left: 0
    }
    .section4 .bigpic .item .pic img {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
    .section4 .bigpic .item .cont {
        width: 100%;
        z-index: 2;
        position: absolute;
        bottom: 40px;
        padding-left: 102px
    }
    .section4 .bigpic .item .cont .tit {
        color: #3b3b3b;
        font-size: 20px
    }
    .section4 .bigpic .item .cont .tit1 {
        color: #000;
        font-size: 40px
    }
    .section4 .bigpic .item .cont .tit2 {
        color: #27245d;
        font-size: 20px;
        padding-top: 85px
    }
    .section4 .bigpic .item .cont .tit2 span {
        width: 3px;
        height: 40px;
        background: #27245d;
        margin-right: 35px
    }
    .section4 .yema {
        position: absolute;
        top: -50px;
        right: 15%;
        z-index: 3;
        width: 120px;
        text-align: right
    }
    .section4 .yema .num {
        color: #000;
        font-size: 80px;
        font-weight: 700
    }
    .section4 .yema .sum {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        top: -20px
    }
    .section4 .sec4_btn {
        position: absolute;
        bottom: 94px;
        right: 16%;
        z-index: 4
    }
    .section4 .smallpic {
        position: absolute;
        right: -400px;
        top: 25%;
        width: 600px
    }
    .section4 .smallpic:before {
        content: '';
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: .3
    }
    .section4 .smallpic img {
        width: 100%
    }
    .section4 .smallpic .item {
        position: absolute;
        top: 0;
        left: 0
    }
    .header .search1 .search_close {
        left: 80px
    }
    .header .index_nav>ul>li {
        float: none;
        display: inline-block;
        width: 10%;
        height: 110px;
        position: relative
    }
    .header .index_nav>ul>li .xl {
        width: 220px;
        height: auto;
        padding: 20px 25px
    }
    .header .index_nav>ul>li .xl ul li a {
        line-height: 50px
    }
    .section2 .btn_play {
        margin-top: -10px
    }
    .section2 .sec2_left .sec2_main .tit a {
        font-size: 36px;
        line-height: 50px
    }
    .section2 .sec2_left .sec2_main .note {
        font-size: 16px;
        padding-top: 30px;
        line-height: 36px
    }
    .section2 .sec2_left .sec2_main .btn1 {
        padding-top: 35px;
        margin-bottom: 40px
    }
    .section2 .sec2_left .sec2_main .btn1 a {
        width: 206px;
        height: 54px;
        border-radius: 27px;
        line-height: 54px;
        font-size: 18px
    }
    .section3 .sec_tit {
        color: #2f2f2f
    }
    .section3 .sec_main {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -40%) scale(.7);
        transform: translate(-50%, -40%) scale(.7);
        z-index: 4;
        width: 1200px
    }
    .section4 {
        position: relative
    }
    .section6 {
        background: #fff
    }
    .section6 .sec_tit {
        color: #999;
        z-index: 3
    }
    .section6 .item {
        width: 50%;
        height: 100%
    }
    .section6 .item .item_main {
        width: 100%;
        max-width: 768px;
        padding: 0 20px;
        position: absolute;
        padding-top: 50px;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section6 .item .item_main .tit {
        color: #000;
        font-size: 30px
    }
    .section6 .item .item_main .cont {
        position: relative;
        margin-top: 75px
    }
    .section6 .item .item_main .cont img {
        top: -60px;
        left: 0
    }
    .section6 .item .item_main .cont:nth-child(3) img {
        top: -65px
    }
    .section6 .item .item_main .cont .note {
        color: #27245d;
        font-size: 80px;
        line-height: 60px
    }
    .section6 .item .item_main .cont .note1 {
        color: #27245d;
        font-size: 46px;
        line-height: 46px
    }
    .section6 .item .item_main .cont .tit1 {
        color: #000;
        font-size: 30px
    }
    .section6 .item .item_main .cont1 {
        padding-top: 45px
    }
    .section6 .item .item_main .cont1 a {
        color: #000;
        border-bottom: solid 3px transparent;
        font-size: 20px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: inline-block;
        margin-right: 90px;
        padding-bottom: 10px
    }
    .section6 .item .item_main .cont1 a:hover {
        border-bottom: solid 3px #27245d
    }
    .section6 .item .item_main .copyight {
        padding-top: 40px;
        color: #999;
        font-size: 16px
    }
    .section6 .item .item_main .copyight span {
        margin-left: 60px
    }
    .section6 .item1 {
        width: 50%;
        height: 100%
    }
    .section6 .item1 .item1_right {
        width: 288px;
        height: 100%
    }
    .section6 .item1 .item1_right .ewm {
        bottom: 98px;
        right: 55px
    }
    .section6 .item1 .item1_right .share {
        right: 55px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section6 .item1 .item1_right .share a {
        margin-top: 18px;
        margin-bottom: 18px;
        display: block
    }
    .section6 .item1 .item1_left {
        margin-right: 288px;
        background: #27245d;
        height: 100%;
        position: relative
    }
    .section6 .item1 .item1_left .item1_m {
        position: absolute;
        padding-left: 97px;
        padding-right: 115px;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section6 .item1 .item1_left .item1_m .tit {
        color: #fff;
        font-size: 30px;
        padding-bottom: 15px
    }
    .section6 .item1 .item1_left .item1_m .form .inp1 {
        width: 100%;
        padding: 23px 0;
        line-height: 18px;
        font-size: 18px;
        color: #fff;
        border: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0);
        opacity: .5;
        background: 0 0;
        margin-bottom: 15px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section6 .item1 .item1_left .item1_m .form .inp1.on,
    .section6 .item1 .item1_left .item1_m .form .inp1:focus {
        border-bottom: solid 1px #fff;
        opacity: 1
    }
    .section6 .item1 .item1_left .item1_m .form input::-webkit-input-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea::-webkit-input-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input:-moz-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea:-moz-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input::-moz-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea::-moz-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input:-ms-input-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea:-ms-input-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form .btn1 {
        margin-top: 65px;
        background: 0 0;
        border: 0;
        color: #fff;
        padding-right: 40px;
        font-size: 20px;
        background: url(../images/youjian3.png) no-repeat right center;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section6 .item1 .item1_left .item1_m .form .btn1:hover {
        padding-right: 60px
    }
    .section10 .sec10_main1 {
        position: absolute;
        top: 150px;
        left: 0;
        width: 100%;
        z-index: 2
    }
    .section10 .sec10_main1 .owl-item:nth-child(2n+1) .item:before {
        background: url(../images/xiexian2.png) no-repeat center center
    }
    .section10 .sec10_main1 .owl-item:nth-child(1) .item:after {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        right: 50%
    }
    .section10 .sec10_main1 .item {
        height: 32px;
        margin-bottom: 30px;
        position: relative
    }
    .section10 .sec10_main1 .item:before {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        left: 50%
    }
    .section10 .sec10_main1 .item div {
        width: 5px;
        height: 5px;
        background: #0a0a0a;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -2px;
        cursor: pointer
    }
    .section10 .sec10_main1 .item div span {
        position: absolute;
        left: 50%;
        top: 20px;
        width: 100px;
        text-align: center;
        margin-left: -50px;
        color: #999;
        font-size: 17px
    }
    .section10 .sec10_main1 .item.on div span {
        color: #000
    }
    .section10 .sec10_main {
        bottom: 260px;
        position: absolute;
        left: 0;
        width: 100%
    }
    .section10 .sec10_main .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        left: 220px;
        z-index: 3
    }
    .section10 .sec10_main .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }
    .section10 .sec10_main .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        right: 220px;
        z-index: 3
    }
    .section10 .sec10_main .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }
    .section10 .sec10_main .item {
        width: 100%;
        height: 250px;
        text-align: center
    }
    .section10 .sec10_main .item .year {
        color: #fff;
        font-size: 290px;
        font-weight: 700;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        height: 250px;
        line-height: 250px;
        width: 100%
    }
    .section10 .sec10_main .item .note {
        color: #000;
        font-size: 20px;
        line-height: 40px;
        position: relative;
        z-index: 2
    }
    .section8 .item {
        width: 25%;
        height: 50%;
        border-top: solid 1px #535353;
        border-left: solid 1px #535353
    }
    .section8 .item:nth-child(1),
    .section8 .item:nth-child(5) {
        border-left: none
    }
    .section8 .item:nth-child(1) .num,
    .section8 .item:nth-child(2) .num,
    .section8 .item:nth-child(3) .num,
    .section8 .item:nth-child(4) .num {
        top: 130px
    }
    .section8 .item .num {
        top: 45px;
        right: 25px;
        color: #ccc;
        font-size: 20px
    }
    .section8 .item .item_m {
        bottom: 45px;
        left: 20px;
        color: #fff;
        font-size: 20px
    }
    .section8 .item .item_m img {
        margin-bottom: 20px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section8 .item:hover .item_m img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .section11 {
        background: url(../images/huawen.jpg) no-repeat center center;
        background-size: cover!important
    }
    .section11 .sec11_left {
        width: 50%;
        height: 100%;
        position: relative
    }
    .section11 .sec11_left .item {
        background-size: cover!important
    }
    .section11 .sec11_left .owl-dots {
        display: block;
        position: absolute;
        left: 100%;
        margin-left: 100px;
        bottom: 150px;
        width: 50%
    }
    .section11 .sec11_left .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border: solid 2px #1b1b1b;
        border-radius: 6px;
        float: left;
        margin-right: 18px
    }
    .section11 .sec11_left .owl-dots .owl-dot.active {
        background: #27245d;
        border-color: #27245d
    }
    .section11 .sec11_right {
        width: 50%;
        height: 100%;
        padding: 110px 150px 0 100px
    }
    .section11 .sec11_right .tit {
        color: #000;
        font-size: 20px
    }
    .section11 .sec11_right .tit1 {
        color: #27245d;
        font-size: 60px;
        line-height: 56px;
        padding-top: 50px
    }
    .section11 .sec11_right .tit2 {
        color: #000;
        font-size: 40px;
        padding-top: 20px
    }
    .section11 .sec11_right .note {
        color: #666;
        font-size: 20px;
        padding-top: 60px
    }
    .section12 {
        padding: 110px 100px 310px;
        background-size: cover!important
    }
    .section12 .sec12_top .tit {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 30px
    }
    .section12 .sec12_top .tit1 {
        color: #fff;
        font-size: 40px;
        line-height: 40px
    }
    .section12 .sec12_top .abs {
        right: 0;
        top: 50%;
        margin-top: -20px
    }
    .section12 .sec12_bot {
        padding-top: 80px
    }
    .section12 .sec12_bot .row {
        margin-left: -10px;
        margin-right: -10px
    }
    .section12 .sec12_bot .row .col-md-2 {
        padding-left: 10px;
        padding-right: 10px
    }
    .section12 .sec12_bot .row .col-md-2 .item {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 200px;
        padding: 35px 30px 0
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit {
        color: #fff;
        font-size: 20px;
        margin-top: 30px
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit1 {
        color: #fff;
        font-size: 14px;
        opacity: .5
    }
    .section12 .sec12_bot .row .col-md-2 .item img {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section12 .sec12_bot .row .col-md-2 .item:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    .section122 {
        background-size: cover!important;
        padding: 80px 100px 0 80px
    }
    .section122 .sec122_left {
        width: 20%;
        height: 100%
    }
    .section122 .sec122_left .more {
        position: absolute;
        bottom: 125px;
        left: 100px
    }
    .section122 .sec122_left .tit {
        color: #f5f5f5;
        font-size: 40px
    }
    .section122 .sec122_left .tit1 {
        color: #f5f5f5;
        font-size: 40px;
        line-height: 40px;
        margin-top: 80px
    }
    .section122 .sec122_center {
        width: 30%
    }
    .section122 .sec122_center img {
        width: 100%
    }
    .section122 .sec122_right {
        width: 50%;
        padding-left: 85px;
        color: #999;
        font-size: 18px;
        line-height: 36px;
        padding-top: 65px;
        padding-bottom: 100px
    }
    .section122 .sec122_right .more {
        padding-top: 60px
    }
    .section122 .sec122_right .more a {
        width: 254px;
        height: 60px;
        background: #27245d;
        color: #fff;
        line-height: 60px;
        text-align: center;
        border-radius: 30px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        display: block
    }
    .section122 .sec122_right .more a:hover {
        opacity: 1
    }
    .section7 .item {
        width: 50%;
        height: 100%;
        position: relative;
        background-size: cover!important
    }
    .section7 .item .item_m {
        bottom: 125px;
        left: 0;
        width: 100%;
        padding-left: 95px;
        padding-right: 95px
    }
    .section7 .item .item_m .tit {
        color: #000;
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 55px
    }
    .section7 .item .item_m .note {
        color: #939393;
        font-size: 17px;
        line-height: 36px
    }
    .section7 .item1 {
        width: 50%;
        height: 100%
    }
    .section7 .item1 .item2 {
        width: 100%;
        height: 50%;
        position: relative;
        background-size: cover!important
    }
    .section7 .item1 .item2:nth-child(1) .item21 {
        -webkit-transform: translateY(-35%);
        transform: translateY(-35%)
    }
    .section7 .item1 .item2 .item21 {
        width: 550px;
        position: absolute;
        top: 50%;
        left: 100px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section7 .item1 .item2 .item21 .tit {
        font-size: 36px;
        color: #fff;
        line-height: 36px
    }
    .section7 .item1 .item2 .item21 .tit1 {
        color: #fff;
        font-size: 46px;
        line-height: 46px;
        padding-top: 15px;
        padding-bottom: 20px
    }
    .section7 .item1 .item2 .item21 .note {
        color: #fff;
        font-size: 17px;
        opacity: .5;
        line-height: 36px
    }
    .map_main {
        padding: 100px 0 120px;
        text-align: center
    }
    .map_main .map_tit {
        color: #000;
        font-size: 40px;
        letter-spacing: 5px
    }
    .map_main .map_tit1 {
        color: #000;
        font-size: 20px;
        letter-spacing: 5px
    }
    .map_main .note {
        color: #333;
        font-size: 20px;
        line-height: 46px;
        margin-top: 50px
    }
    .map_main .map {
        position: relative
    }
    .map_main #main {
        width: 1000px;
        height: 750px;
        margin-top: 70px
    }
    .map_main .maptxt {
        width: 476px;
        height: auto;
        background: #dcdcdc;
        border-radius: 5px;
        padding: 30px 25px;
        text-align: left;
        position: absolute;
        top: 300px;
        right: 0;
        display: none
    }
    .map_main .maptxt .maptit {
        color: #000;
        font-size: 26px
    }
    .map_main .maptxt .maptit span {
        margin-left: 20px
    }
    .map_main .maptxt .map_note .hotline {
        color: #27245d;
        font-size: 30px
    }
    .map_main .maptxt .map_note .hotline span {
        margin-left: 20px
    }
    .map_main .maptxt .map_note .address {
        color: #27245d;
        font-size: 26px
    }
    .map_main .maptxt .map_note .address span {
        margin-left: 20px
    }
    .map_main .maptxt .maptxtul {
        border-top: dashed 1px #acacac;
        margin-top: 30px;
        padding-top: 30px
    }
    .map_main .maptxt .maptxtul li {
        width: 50%;
        background: url(../images/huidian.png) no-repeat left center;
        color: #333;
        font-size: 14px;
        line-height: 26px;
        padding-left: 10px
    }
    .map_main .maptxt .map_btn {
        background: url(../images/xiaojian1.png) no-repeat center top;
        color: #acacac;
        font-size: 12px;
        padding-top: 20px;
        text-align: center;
        cursor: pointer
    }
    .map_main .maptxt .map_btn.on img {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .map_main .maptxt .map_btn img {
        top: 3px;
        left: 50%;
        margin-left: -5px
    }
    .map_main .maptxt .close1 {
        width: 40px;
        height: 40px;
        background: url(../images/close.png) no-repeat center center #eee;
        border-radius: 20px;
        position: absolute;
        top: -20px;
        right: -20px;
        cursor: pointer
    }
    .map_main .maptxt .close1:hover {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (max-width:1440px) {
    .section9 .item1 .item2 .title_hui p {
        font-size: 34px;
    }
    .section5 .sec_main .item1 .item_m2 {
        margin-top: 50px
    }
    .section5 .sec_main .item1 .item_m2 .tit {
        padding-top: 40px
    }
    .section4 .bigpic {
        width: 100%;
        position: relative
    }
    .section4 .bigpic .item {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
    .section4 .bigpic .item .pic {
        width: 100%;
        top: 0;
        left: 0
    }
    .section4 .bigpic .item .pic img {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
    .section4 .bigpic .item .cont {
        width: 100%;
        z-index: 2;
        position: absolute;
        bottom: 40px;
        padding-left: 102px
    }
    .section4 .bigpic .item .cont .tit {
        color: #3b3b3b;
        font-size: 20px
    }
    .section4 .bigpic .item .cont .tit1 {
        color: #000;
        font-size: 40px
    }
    .section4 .bigpic .item .cont .tit2 {
        color: #27245d;
        font-size: 20px;
        padding-top: 85px
    }
    .section4 .bigpic .item .cont .tit2 span {
        width: 3px;
        height: 40px;
        background: #27245d;
        margin-right: 35px
    }
    .section4 .yema {
        position: absolute;
        top: -50px;
        right: 20%;
        z-index: 3;
        width: 120px;
        text-align: right
    }
    .section4 .yema .num {
        color: #000;
        font-size: 80px;
        font-weight: 700
    }
    .section4 .yema .sum {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        top: -20px
    }
    .section4 .sec4_btn {
        position: absolute;
        bottom: 94px;
        right: 20%;
        z-index: 4
    }
    .section4 .smallpic {
        position: absolute;
        right: -400px;
        top: 25%;
        width: 600px
    }
    .section4 .smallpic:before {
        content: '';
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: .3
    }
    .section4 .smallpic img {
        width: 100%
    }
    .section4 .smallpic .item {
        position: absolute;
        top: 0;
        left: 0
    }
    .section9 .item1 .item2 .item2_main {
        padding: 0 20px
    }
    .details_main {
        padding-top: 50px;
        padding-bottom: 45px
    }
    .details_main .container {
        width: 80%
    }
    .details_main .details_top {
        padding-top: 40px
    }
    .details_main .details_top .tit {
        color: #000;
        font-size: 30px;
        line-height: 56px
    }
    .details_main .details_top .date {
        color: #c9c9c9;
        font-size: 18px
    }
    .details_main .details_m {
        padding-top: 40px;
        font-size: 16px;
        line-height: 36px
    }
    .details_main .details_m img {
        margin-bottom: 30px
    }
    .details_main .details_bot {
        padding-top: 40px
    }
    .details_main .details_bot a.fl {
        font-size: 16px
    }
    .details_main .details_bot a.fl img {
        margin-right: 15px
    }
    .details_main .details_bot .share a {
        margin-left: 15px
    }
    .news_main .news_cont ul {
        padding-bottom: 30px
    }
    .pro_nav .col-md-2 {
        width: auto;
        margin: 0 10px
    }
    .pro_nav .cont .tit a {
        font-size: 16px
    }
    .section5 .sec_main {
        width: 1200px;
        margin-left: -600px
    }
    .section5 .sec_main .item .item_m1 {
        padding-left: 30px
    }
    .banner .bigpic .item .banner_main .tit {
        margin-bottom: 30px
    }
    .banner .bigpic .item .banner_main .tit1 {
        font-size: 80px
    }
    .banner .bigpic .item .banner_main .btn1 {
        padding-top: 40px
    }
    .header .search1 .search_close {
        left: 0
    }
    .header {
        height: 80px
    }
    .header .search1 {
        height: 80px
    }
    .header .search1 .container {
        width: 800px
    }
    .header .search1 .inp1 {
        height: 80px;
        padding: 25px 0
    }
    .header .container {
        height: 80px
    }
    .header .fdj {
        top: 34px
    }
    .header .index_nav>ul>li {
        float: none;
        display: inline-block;
        width: 9%;
        height: 80px;
        position: relative
    }
    .header .index_nav>ul>li>a {
        padding-top: 30px
    }
    .header .index_nav>ul>li:nth-child(3) {
        margin-right: 18%
    }
    .header .index_nav>ul>li .xl {
        width: 220px;
        height: auto;
        padding: 20px 25px;
        top: 80px
    }
    .header .index_nav>ul>li .xl ul li a {
        line-height: 50px
    }
    .section2 .btn_play {
        margin-top: -10px
    }
    .section2 .sec2_left .sec2_main {
        padding-left: 80px
    }
    .section2 .sec2_left .sec2_main .tit a {
        font-size: 28px;
        line-height: 40px
    }
    .section2 .sec2_left .sec2_main .note {
        font-size: 16px;
        padding-top: 20px;
        line-height: 26px
    }
    .section2 .sec2_left .sec2_main .btn1 {
        padding-top: 15px;
        margin-bottom: 20px
    }
    .section2 .sec2_left .sec2_main .btn1 a {
        width: 206px;
        height: 54px;
        border-radius: 27px;
        line-height: 54px;
        font-size: 18px
    }
    .section3 .sec_tit {
        color: #2f2f2f
    }
    .section3 .sec_main {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -40%) scale(.7);
        transform: translate(-50%, -40%) scale(.7);
        z-index: 4;
        width: 1200px
    }
    .section4 {
        position: relative
    }
    .section6 {
        background: #fff
    }
    .section6 .sec_tit {
        color: #999;
        z-index: 3
    }
    .section6 .item {
        width: 50%;
        height: 100%
    }
    .section6 .item .item_main {
        width: 100%;
        max-width: 768px;
        padding: 0 20px;
        position: absolute;
        padding-top: 50px;
        top: 50%;
        right: 0;
        padding-left: 50px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section6 .item .item_main .tit {
        color: #000;
        font-size: 30px
    }
    .section6 .item .item_main .cont {
        position: relative;
        margin-top: 45px
    }
    .section6 .item .item_main .cont img {
        top: -20px;
        left: 0;
        width: 40px
    }
    .section6 .item .item_main .cont:nth-child(3) img {
        top: -25px
    }
    .section6 .item .item_main .cont .note {
        color: #27245d;
        font-size: 50px;
        line-height: 40px
    }
    .section6 .item .item_main .cont .note1 {
        color: #27245d;
        font-size: 36px;
        line-height: 36px
    }
    .section6 .item .item_main .cont .tit1 {
        color: #000;
        font-size: 20px
    }
    .section6 .item .item_main .cont1 {
        padding-top: 25px
    }
    .section6 .item .item_main .cont1 a {
        color: #000;
        border-bottom: solid 3px transparent;
        font-size: 20px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: inline-block;
        margin-right: 90px;
        padding-bottom: 10px
    }
    .section6 .item .item_main .cont1 a:hover {
        border-bottom: solid 3px #27245d
    }
    .section6 .item .item_main .copyight {
        padding-top: 40px;
        color: #999;
        font-size: 16px
    }
    .section6 .item .item_main .copyight span {
        margin-left: 60px
    }
    .section6 .item1 {
        width: 50%;
        height: 100%
    }
    .section6 .item1 .item1_right {
        width: 288px;
        height: 100%
    }
    .section6 .item1 .item1_right .ewm {
        bottom: 98px;
        right: 55px
    }
    .section6 .item1 .item1_right .share {
        right: 55px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section6 .item1 .item1_right .share a {
        margin-top: 18px;
        margin-bottom: 18px;
        display: block
    }
    .section6 .item1 .item1_left {
        margin-right: 288px;
        background: #27245d;
        height: 100%;
        position: relative
    }
    .section6 .item1 .item1_left .item1_m {
        position: absolute;
        padding-left: 97px;
        padding-right: 115px;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }
    .section6 .item1 .item1_left .item1_m .tit {
        color: #fff;
        font-size: 30px;
        padding-bottom: 15px
    }
    .section6 .item1 .item1_left .item1_m .form .inp1 {
        width: 100%;
        padding: 15px 0;
        line-height: 18px;
        font-size: 18px;
        color: #fff;
        border: 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0);
        opacity: .5;
        background: 0 0;
        margin-bottom: 15px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section6 .item1 .item1_left .item1_m .form .inp1.on,
    .section6 .item1 .item1_left .item1_m .form .inp1:focus {
        border-bottom: solid 1px #fff;
        opacity: 1
    }
    .section6 .item1 .item1_left .item1_m .form input::-webkit-input-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea::-webkit-input-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input:-moz-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea:-moz-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input::-moz-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea::-moz-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form input:-ms-input-placeholder,
    .section6 .item1 .item1_left .item1_m .form textarea:-ms-input-placeholder {
        color: #fff
    }
    .section6 .item1 .item1_left .item1_m .form .btn1 {
        margin-top: 65px;
        background: 0 0;
        border: 0;
        color: #fff;
        padding-right: 40px;
        font-size: 20px;
        background: url(../images/youjian3.png) no-repeat right center;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section6 .item1 .item1_left .item1_m .form .btn1:hover {
        padding-right: 60px
    }
    .section10 .sec10_main1 {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        z-index: 2
    }
    .section10 .sec10_main1 .owl-item:nth-child(2n+1) .item:before {
        background: url(../images/xiexian2.png) no-repeat center center
    }
    .section10 .sec10_main1 .owl-item:nth-child(1) .item:after {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        right: 50%
    }
    .section10 .sec10_main1 .item {
        height: 32px;
        margin-bottom: 30px;
        position: relative
    }
    .section10 .sec10_main1 .item:before {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        left: 50%
    }
    .section10 .sec10_main1 .item div {
        width: 5px;
        height: 5px;
        background: #0a0a0a;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -2px;
        cursor: pointer
    }
    .section10 .sec10_main1 .item div span {
        position: absolute;
        left: 50%;
        top: 20px;
        width: 100px;
        text-align: center;
        margin-left: -50px;
        color: #999;
        font-size: 17px
    }
    .section10 .sec10_main1 .item.on div span {
        color: #000
    }
    .section10 .sec10_main {
        bottom: 25%;
        position: absolute;
        left: 0;
        width: 100%
    }
    .section10 .sec10_main .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        left: 220px;
        z-index: 3
    }
    .section10 .sec10_main .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }
    .section10 .sec10_main .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        right: 220px;
        z-index: 3
    }
    .section10 .sec10_main .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }
    .section10 .sec10_main .item {
        width: 100%;
        height: 250px;
        text-align: center
    }
    .section10 .sec10_main .item .year {
        color: #fff;
        font-size: 220px;
        font-weight: 700;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        height: 250px;
        line-height: 220px;
        width: 100%
    }
    .section10 .sec10_main .item .note {
        color: #000;
        font-size: 16px;
        line-height: 30px;
        position: relative;
        z-index: 2
    }
    .section8 .item {
        width: 25%;
        height: 50%;
        border-top: solid 1px #535353;
        border-left: solid 1px #535353
    }
    .section8 .item:nth-child(1),
    .section8 .item:nth-child(5) {
        border-left: none
    }
    .section8 .item:nth-child(1) .num,
    .section8 .item:nth-child(2) .num,
    .section8 .item:nth-child(3) .num,
    .section8 .item:nth-child(4) .num {
        top: 130px
    }
    .section8 .item:nth-child(1) .item_m,
    .section8 .item:nth-child(2) .item_m,
    .section8 .item:nth-child(3) .item_m,
    .section8 .item:nth-child(4) .item_m {
        bottom: 45px
    }
    .section8 .item .num {
        top: 65px;
        right: 25px;
        color: #ccc;
        font-size: 20px
    }
    .section8 .item .item_m {
        bottom: 75px;
        left: 20px;
        color: #fff;
        font-size: 20px
    }
    .section8 .item .item_m img {
        width: 40px;
        margin-bottom: 20px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section8 .item:hover .item_m img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    .section11 {
        background: url(../images/huawen.jpg) no-repeat center center;
        background-size: cover!important
    }
    .section11 .sec11_left {
        width: 50%;
        height: 100%;
        position: relative
    }
    .section11 .sec11_left .item {
        background-size: cover!important
    }
    .section11 .sec11_left .owl-dots {
        display: block;
        position: absolute;
        left: 100%;
        margin-left: 100px;
        bottom: 50px;
        width: 50%
    }
    .section11 .sec11_left .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border: solid 2px #1b1b1b;
        border-radius: 6px;
        float: left;
        margin-right: 18px
    }
    .section11 .sec11_left .owl-dots .owl-dot.active {
        background: #27245d;
        border-color: #27245d
    }
    .section11 .sec11_right {
        width: 50%;
        height: 100%;
        padding: 110px 150px 0 100px
    }
    .section11 .sec11_right .tit {
        color: #000;
        font-size: 20px
    }
    .section11 .sec11_right .tit1 {
        color: #27245d;
        font-size: 50px;
        line-height: 46px;
        padding-top: 30px
    }
    .section11 .sec11_right .tit2 {
        color: #000;
        font-size: 36px;
        padding-top: 20px
    }
    .section11 .sec11_right .note {
        color: #666;
        font-size: 20px;
        padding-top: 30px
    }
    .news_main {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 0
    }
    .news_main .container {
        width: 100%
    }
    .section5 .sec_main .item .item_m1 .cont ul li {
        padding-top: 25px
    }
    .news_main .news_top .cont .tit a {
        font-size: 30px;
        line-height: 40px
    }
    .section5 .sec_main .item .more {
        left: 30px;
        bottom: 80px
    }
    .news_main .news_cont ul li .cont .note {
        padding-top: 20px
    }
    .news_main .news_cont ul li .date {
        width: 200px
    }
    .news_main .news_cont ul li .cont {
        margin-left: 220px
    }
    .news_main .news_top {
        padding-bottom: 50px
    }
    .news_main .news_cont ul li {
        margin-top: 50px
    }
    .section13 .cont .item .tit {
        font-size: 14px
    }
    .section13 .cont .item .pic img {
        max-width: 80%
    }
    .section13 .note {
        margin-top: 30px;
        font-size: 16px
    }
    .section12 {
        padding: 110px 100px 310px;
        background-size: cover!important
    }
    .section12 .sec12_top .tit {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 30px
    }
    .section12 .sec12_top .tit1 {
        color: #fff;
        font-size: 40px;
        line-height: 40px
    }
    .section12 .sec12_top .abs {
        right: 0;
        top: 50%;
        margin-top: -20px
    }
    .section12 .sec12_bot {
        padding-top: 80px
    }
    .section12 .sec12_bot .row {
        margin-left: -10px;
        margin-right: -10px
    }
    .section12 .sec12_bot .row .col-md-2 {
        padding-left: 10px;
        padding-right: 10px
    }
    .section12 .sec12_bot .row .col-md-2 .item {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 200px;
        padding: 35px 30px 0
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit {
        color: #fff;
        font-size: 20px;
        margin-top: 30px
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit1 {
        color: #fff;
        font-size: 14px;
        opacity: .5
    }
    .section12 .sec12_bot .row .col-md-2 .item img {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section12 .sec12_bot .row .col-md-2 .item:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    .section122 {
        background-size: cover!important;
        padding: 80px 100px 0 80px
    }
    .section122 .sec122_left {
        width: 20%;
        height: 100%
    }
    .section122 .sec122_left .more {
        position: absolute;
        bottom: 125px;
        left: 100px
    }
    .section122 .sec122_left .tit {
        color: #f5f5f5;
        font-size: 40px
    }
    .section122 .sec122_left .tit1 {
        color: #f5f5f5;
        font-size: 40px;
        line-height: 40px;
        margin-top: 80px
    }
    .section122 .sec122_center {
        width: 30%
    }
    .section122 .sec122_center img {
        width: 100%
    }
    .section122 .sec122_right {
        width: 50%;
        padding-left: 85px;
        color: #999;
        font-size: 18px;
        line-height: 36px;
        padding-top: 65px;
        padding-bottom: 100px
    }
    .section122 .sec122_right .more {
        padding-top: 60px
    }
    .section122 .sec122_right .more a {
        width: 254px;
        height: 60px;
        background: #27245d;
        color: #fff;
        line-height: 60px;
        text-align: center;
        border-radius: 30px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        display: block
    }
    .section122 .sec122_right .more a:hover {
        opacity: 1
    }
    .section7 .item {
        width: 50%;
        height: 100%;
        position: relative;
        background-size: cover!important
    }
    .section7 .item .item_m {
        bottom: 125px;
        left: 0;
        width: 100%;
        padding-left: 95px;
        padding-right: 95px
    }
    .section7 .item .item_m .tit {
        color: #000;
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 35px
    }
    .section7 .item .item_m .note {
        color: #939393;
        font-size: 17px;
        line-height: 36px
    }
    .section7 .item1 {
        width: 50%;
        height: 100%
    }
    .section7 .item1 .item2 {
        width: 100%;
        height: 50%;
        position: relative;
        background-size: cover!important
    }
    .section7 .item1 .item2:nth-child(1) .item21 {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }
    .section7 .item1 .item2 .item21 {
        width: 550px;
        position: absolute;
        top: 50%;
        left: 100px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .section7 .item1 .item2 .item21 .tit {
        font-size: 26px;
        color: #fff;
        line-height: 26px
    }
    .section7 .item1 .item2 .item21 .tit1 {
        color: #fff;
        font-size: 36px;
        line-height: 36px;
        padding-top: 15px;
        padding-bottom: 20px
    }
    .section7 .item1 .item2 .item21 .note {
        color: #fff;
        font-size: 14px;
        opacity: .5;
        line-height: 26px
    }
    .map_main {
        padding: 100px 0 120px;
        text-align: center
    }
    .map_main .map_tit {
        color: #000;
        font-size: 40px;
        letter-spacing: 5px
    }
    .map_main .map_tit1 {
        color: #000;
        font-size: 20px;
        letter-spacing: 5px
    }
    .map_main .note {
        color: #333;
        font-size: 20px;
        line-height: 46px;
        margin-top: 50px
    }
    .map_main .map {
        position: relative
    }
    .map_main #main {
        width: 1000px;
        height: 750px;
        margin-top: 70px
    }
    .map_main .maptxt {
        width: 476px;
        height: auto;
        background: #dcdcdc;
        border-radius: 5px;
        padding: 30px 25px;
        text-align: left;
        position: absolute;
        top: 300px;
        right: 0;
        display: none
    }
    .map_main .maptxt .maptit {
        color: #000;
        font-size: 26px
    }
    .map_main .maptxt .maptit span {
        margin-left: 20px
    }
    .map_main .maptxt .map_note .hotline {
        color: #27245d;
        font-size: 30px
    }
    .map_main .maptxt .map_note .hotline span {
        margin-left: 20px
    }
    .map_main .maptxt .map_note .address {
        color: #27245d;
        font-size: 26px
    }
    .map_main .maptxt .map_note .address span {
        margin-left: 20px
    }
    .map_main .maptxt .maptxtul {
        border-top: dashed 1px #acacac;
        margin-top: 30px;
        padding-top: 30px
    }
    .map_main .maptxt .maptxtul li {
        width: 50%;
        background: url(../images/huidian.png) no-repeat left center;
        color: #333;
        font-size: 14px;
        line-height: 26px;
        padding-left: 10px
    }
    .map_main .maptxt .map_btn {
        background: url(../images/xiaojian1.png) no-repeat center top;
        color: #acacac;
        font-size: 12px;
        padding-top: 20px;
        text-align: center;
        cursor: pointer
    }
    .map_main .maptxt .map_btn.on img {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .map_main .maptxt .map_btn img {
        top: 3px;
        left: 50%;
        margin-left: -5px
    }
    .map_main .maptxt .close1 {
        width: 40px;
        height: 40px;
        background: url(../images/close.png) no-repeat center center #eee;
        border-radius: 20px;
        position: absolute;
        top: -20px;
        right: -20px;
        cursor: pointer
    }
    .map_main .maptxt .close1:hover {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (min-width:1200px) {
    .container {
        width: 1250px
    }
}

@media (max-width:767px) {
    .section9 .item1 .item2 .title_hui {
        position: initial;
        top: auto;
        transform: initial;
    }
    .section9 .item1 .item2 .title_hui p {
        font-size: 16px;
        padding: 20px 0;
    }
    .section {
        position: relative
    }
    .sec_tit {
        display: none
    }
    .dingwei {
        display: none
    }
    .section2 {
        position: relative
    }
    .section2 .btn_play {
        width: 50px;
        height: 50px;
        background: url(../images/btn_play1.png) no-repeat center center;
        background-size: cover!important;
        z-index: 3;
        position: absolute;
        bottom: 125px;
        left: 50%;
        top: auto;
        margin-top: 0;
        margin-left: -25px;
        cursor: pointer
    }
    .section2 .sec2_left {
        width: 100%
    }
    .section2 .sec2_left .sec2_main {
        position: static;
        width: 100%;
        right: 0;
        top: 50%;
        padding: 30px 15px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .section2 .sec2_left .sec2_main .tit a {
        color: #000;
        font-size: 20px;
        line-height: 28px
    }
    .section2 .sec2_left .sec2_main .note {
        color: #666;
        font-size: 16px;
        padding-top: 20px;
        line-height: 28px;
        width: 100%
    }
    .section2 .sec2_left .sec2_main .xiajian {
        display: none
    }
    .section2 .sec2_left .sec2_main .btn1 {
        padding-top: 25px;
        margin-bottom: 0
    }
    .section2 .sec2_left .sec2_main .btn1 a {
        display: block;
        width: 100px;
        height: 36px;
        border-radius: 18px;
        line-height: 36px;
        font-size: 16px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: 1
    }
    .section2 .sec2_right {
        width: 100%;
        height: 300px;
        background-size: cover!important
    }
    .shubiao {
        display: none
    }
    .section3 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .section3 .sec_tit {
        color: #2f2f2f
    }
    .section3 .sec_main {
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 4;
        width: 100%
    }
    .section3 .sec_main .sec_tit1 {
        color: #000;
        font-size: 18px;
        margin-bottom: 10px
    }
    .section3 .sec_main #owl-demo2 {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
    .section3 .sec_main .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        left: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .section3 .sec_main .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }
    .section3 .sec_main .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        right: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .section3 .sec_main .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }
    .section4 .mobileshow {
        position: relative
    }
    .section4 .mobileshow .yema1 {
        position: absolute;
        right: 15px;
        bottom: 25px;
        z-index: 3;
        color: #fff;
        font-size: 18px
    }
    .section4 .mobileshow .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        left: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .section4 .mobileshow .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }
    .section4 .mobileshow .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        right: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .section4 .mobileshow .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }
    .section4 .mobileshow .item {
        position: relative;
        display: block
    }
    .section4 .mobileshow .item span.abs {
        background: rgba(0, 0, 0, .8);
        color: #fff;
        padding: 10px 15px;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }
    .section4 .mobileshow .item span.abs .tit1 {
        font-size: 16px
    }
    .section4 .mobileshow .item span.abs .tit2 {
        font-size: 16px
    }
    .section4 .mobileshow .item span.abs .tit3 {
        font-size: 12px
    }
    .section5 {
        position: relative;
        background: #fff;
        padding: 15px
    }
    .section5 .sec_tit {
        color: #999;
        z-index: 3
    }
    .section5 .sec_main {
        position: static;
        width: 100%;
        top: 0;
        left: 50%;
        height: auto;
        margin-left: 0
    }
    .section5 .sec_main .item {
        width: 100%;
        height: auto;
        border-left: solid 1px #fff;
        border-right: solid 1px #fff;
        margin-left: -1px
    }
    .section5 .sec_main .item .item_m1 {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-left: 0
    }
    .section5 .sec_main .item .item_m1 .tit {
        color: #999;
        font-size: 18px
    }
    .section5 .sec_main .item .item_m1 .cont ul {
        padding-top: 0
    }
    .section5 .sec_main .item .item_m1 .cont ul li {
        padding-top: 15px
    }
    .section5 .sec_main .item .item_m1 .cont ul li a {
        color: #000;
        font-size: 14px
    }
    .section5 .sec_main .item .item_m1 .cont ul li a:hover {
        text-decoration: underline!important
    }
    .section5 .sec_main .item .item_m3 {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
    .section5 .sec_main .item .item_m3 .tit {
        color: #000;
        font-size: 20px;
        border-bottom: solid 1px #000;
        padding-bottom: 5px
    }
    .section5 .sec_main .item .item_m3 .note {
        padding-top: 15px;
        font-size: 14px;
        line-height: 22px
    }
    .section5 .sec_main .item .more {
        position: static
    }
    .section5 .sec_main .item .more a {
        color: #000;
        font-size: 16px
    }
    .section5 .sec_main .item .more a:hover {
        text-decoration: underline!important
    }
    .section5 .sec_main .item1 {
        width: 100%;
        height: auto;
        margin-left: -1px;
        border-left: solid 1px #fff;
        border-right: solid 1px #fff;
        padding-top: 20px
    }
    .section5 .sec_main .item1 .item_m2 {
        position: static;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin-top: 0;
        margin-left: 0
    }
    .section5 .sec_main .item1 .item_m2 .pic {
        width: 100%;
        height: auto
    }
    .section5 .sec_main .item1 .item_m2 .pic img {
        width: 100%;
        height: auto
    }
    .section5 .sec_main .item1 .item_m2 .pic .more {
        width: 55px;
        height: 55px;
        background: url(../images/youjian2.png) no-repeat center center;
        left: 115px;
        bottom: 75px
    }
    .section5 .sec_main .item1 .item_m2 .pic .date {
        left: 40px;
        bottom: 33px;
        font-size: 34px;
        color: #fff;
        line-height: 34px
    }
    .section5 .sec_main .item1 .item_m2 .tit {
        padding-left: 0;
        padding-top: 10px
    }
    .section5 .sec_main .item1 .item_m2 .tit a {
        color: #000;
        font-size: 16px
    }
    .section5 .sec_main .item1 .item_m2 .tit a:hover {
        text-decoration: underline!important
    }
    .section5 .sec_main .item1:before {
        display: none
    }
    .section6 {
        background: #fff
    }
    .section6 .sec_tit {
        color: #999;
        z-index: 3
    }
    .section6 .item {
        width: 100%;
        height: auto
    }
    .section6 .item .item_main {
        width: 100%;
        max-width: 768px;
        padding: 15px;
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .section6 .item .item_main .tit {
        font-size: 22px;
        padding-bottom: 10px
    }
    .section6 .item .item_main .cont {
        margin-top: 0
    }
    .section6 .item .item_main .cont img {
        top: 0;
        left: 0;
        position: static;
        vertical-align: middle;
        display: inline-block;
        width: 30px;
        opacity: 0;
        margin-right: 5px
    }
    .section6 .item .item_main .cont:nth-child(3) img {
        top: -65px
    }
    .section6 .item .item_main .cont .note {
        color: #27245d;
        font-size: 16px;
        line-height: 16px;
        display: inline-block
    }
    .section6 .item .item_main .cont .note1 {
        color: #27245d;
        font-size: 16px;
        line-height:24px;
        display: inline-block;
		margin-top:10px;
    }
    .section6 .item .item_main .cont .tit1 {
        color: #000;
        font-size: 16px;
        margin-top: 10px
    }
    .section6 .item .item_main .cont1 {
        padding-top: 25px
    }
    .section6 .item .item_main .cont1 a {
        color: #000;
        border-bottom: solid 3px transparent;
        font-size: 16px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        display: inline-block;
        margin-right: 18px;
        padding-bottom: 0
    }
    .section6 .item .item_main .cont1 a:hover {
        border-bottom: solid 3px #27245d
    }
    .section6 .item .item_main .copyight {
        padding-top: 10px;
        color: #999;
        font-size: 14px
    }
    .section6 .item .item_main .copyight span {
        margin-left: 0
    }
    .section6 .item .item_main .support {
        color: #aaa;
        font-size: 14px;
        padding-top: 10px
    }
    .section6 .item .item_main .support a {
        color: #aaa;
        font-size: 14px
    }
    .section6 .item1 {
        width: 100%;
        height: auto
    }
    .section6 .item1 .item1_right {
        display: none
    }
    .section6 .item1 .item1_left {
        margin-right: 0;
        background: #27245d;
        position: relative;
        padding: 15px
    }
    .section6 .item1 .item1_left .item1_m {
        position: static;
        padding-left: 0;
        padding-right: 0;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .section6 .item1 .item1_left .item1_m .tit {
        color: #fff;
        font-size: 20px;
        padding-bottom: 5px
    }
    .section6 .item1 .item1_left .item1_m .form .inp1 {
        width: 100%;
        padding: 5px 0;
        line-height: 14px;
        font-size: 14px;
        color: #fff;
        border: 0;
        border-bottom: solid 1px #eee;
        opacity: .5;
        background: 0 0;
        margin-bottom: 15px;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section6 .item1 .item1_left .item1_m .form .inp1.on,
    .section6 .item1 .item1_left .item1_m .form .inp1:focus {
        border-bottom: solid 1px #fff;
        opacity: 1
    }
    .section6 .item1 .item1_left .item1_m .form .btn1 {
        margin-top: 0;
        background: 0 0;
        border: 0;
        color: #fff;
        padding-right: 40px;
        font-size: 16px;
        background: url(../images/youjian3.png) no-repeat right center;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        text-align: left;
        position: relative;
        left: -5px
    }
    .section6 .item1 .item1_left .item1_m .form .btn1:hover {
        padding-right: 60px
    }
    .menu {
        display: block;
        font-size: 18px;
        top: 15px;
        right: 15px
    }
    .guoqi {
        left: 0;
        top: 0;
        height: 20px
    }
    .menu_close {
        position: fixed;
        display: block;
        font-size: 14px;
        left: auto;
        right: 0;
        z-index: 11;
        border-radius: 0 0 100% 100%
    }
    .header {
        height: 60px;
        background: #fff;
        z-index: 5
    }
    .header .container {
        height: 60px
    }
    .header .fdj {
        right: 65px;
        top: 22px;
        background: url(../images/fdj1.png) no-repeat center center
    }
    .header .search1 {
        width: 100%;
        height: 60px
    }
    .header .search1 .container {
        position: relative;
        width: auto;
        height: 100%
    }
    .header .search1 .search_close {
        width: 16px;
        height: 16px;
        background: url(../images/chacha.png) no-repeat center center;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -8px;
        cursor: pointer
    }
    .header .search1 .inp1 {
        width: 100%;
        height: 60px;
        padding: 20px 0;
        line-height: 20px
    }
    .header .search1 .btn1 {
        width: 18px;
        height: 18px;
        background: url(../images/fdj1.png) no-repeat center center;
        border: 0;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -9px
    }
    .header .logo {
        top: 15px;
        left: 15px;
        margin-top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .header .logo img {
        height: 30px
    }
    .header .logo img.imgga {
        display: none
    }
    .header .logo img.imggb {
        display: block
    }
    .header .header_top {
        display: none
    }
    .header .index_nav {
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        position: fixed;
        right: 0;
        top: 0;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
        width: 150px;
        bottom: 0;
        background: #fff;
        z-index: 1115!important;
        padding-top: 20px;
        margin-right: 0;
        margin-top: 0;
        height: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 40px;
        overflow-x: hidden
    }
    .header .index_nav>ul>li {
        margin-left: 0;
        margin-right: 0;
        background: 0 0;
        width: 100%;
        height: auto;
        margin-bottom: 15px
    }
    .header .index_nav>ul>li .xl {
        width: 100%;
        height: auto;
        background: 0 0;
        padding: 0;
        display: block;
        position: static;
        top: 100px;
        left: 0
    }
    .header .index_nav>ul>li .xl ul li a {
        color: #666;
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 30px;
        position: relative;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .header .index_nav>ul>li .xl ul li a:before {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 5px;
        left: 0;
        background: #27245d;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .header .index_nav>ul>li .xl ul li a.on,
    .header .index_nav>ul>li .xl ul li a:hover {
        color: #666
    }
    .header .index_nav>ul>li .xl ul li a.on:before,
    .header .index_nav>ul>li .xl ul li a:hover:before {
        width: 0
    }
    .header .index_nav>ul>li>a {
        height: auto;
        line-height: 20px;
        text-align: center;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        color: #000;
        display: block;
        font-size: 16px;
        border-top: 0
    }
    .header .index_nav>ul>li>a span {
        display: block;
        opacity: 1
    }
    .header .index_nav>ul>li>a.on,
    .header .index_nav>ul>li>a:hover {
        border-top: 0
    }
    .header .index_nav>ul>li>a.on span:nth-child(1),
    .header .index_nav>ul>li>a:hover span:nth-child(1) {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .header .index_nav>ul>li>a.on span:nth-child(2),
    .header .index_nav>ul>li>a:hover span:nth-child(2) {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    .pcshow {
        display: none!important
    }
    .mobileshow {
        display: block!important
    }
	.mobileshow img{ max-width: 100%;}
    .ejbanner {
        width: 100%;
        background-size: cover!important;
        height: 300px
    }
    .ejbanner .ejbanner_m {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: 50px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }
    .ejbanner .ejbanner_m .tit {
        color: #fff;
        font-size: 16px;
        letter-spacing: 20px;
        padding-left: 25px
    }
    .ejbanner .ejbanner_m .tit1 {
        color: #fff;
        font-size: 26px
    }
    .ejbanner .ejbanner_m .btn1 {
        padding-top: 10px
    }
    .ejbanner .ejbanner_m .btn1 a {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 140px;
        height: 32px;
        border-radius: 16px;
        text-align: center;
        line-height: 32px;
        font-size: 14px
    }
    .ejbanner .ejbanner_m .btn1 a img {
        width: 15px
    }
    .ejbanner1 {
        width: 100%;
        background-size: cover!important;
        height: 300px
    }
    .ejbanner1 .ejbanner_m {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: 50px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }
    .ejbanner1 .ejbanner_m .tit {
        color: #fff;
        font-size: 16px;
        letter-spacing: 20px
    }
    .ejbanner1 .ejbanner_m .tit1 {
        color: #fff;
        font-size: 26px
    }
    .ejbanner1 .ejbanner_m .btn1 {
        padding-top: 10px
    }
    .ejbanner1 .ejbanner_m .btn1 a {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 140px;
        height: 32px;
        border-radius: 16px;
        text-align: center;
        line-height: 32px;
        font-size: 14px
    }
    .ejbanner1 .ejbanner_m .btn1 a img {
        width: 15px
    }
    .ori_main {
        padding: 15px
    }
    .ori_main .item {
        margin-top: 15px
    }
    .ori_main .item:nth-child(1) {
        margin-top: 0
    }
    .ori_main .item .bigpic {
        width: 100%
    }
    .ori_main .item .smallpic {
        display: none
    }
    .ori_main .item .cont {
        width: 100%;
        height: auto;
        left: 0;
        bottom: 0;
        background: #27245d;
        position: relative;
        clear: both
    }
    .ori_main .item .cont .cont1 {
        position: static;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 15px 0
    }
    .ori_main .item .cont .cont1 .tit {
        font-size: 18px
    }
    .ori_main .item .cont .cont1 .tit1 {
        font-size: 14px
    }
    .ori_main .item .cont .cont1 .jiantou {
        display: none
    }
    .ori_main .item:nth-child(2n) .bigpic {
        float: left
    }
    .ori_main .item:nth-child(2n) .smallpic {
        right: 0;
        left: auto
    }
    .ori_main .item:nth-child(2n) .cont {
        right: 0;
        left: auto
    }
    .section7 .item {
        width: 100%;
        height: auto;
        position: relative;
        background-size: cover!important
    }
    .section7 .item .item_m {
        position: static;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .section7 .item .item_m .tit {
        color: #000;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }
    .section7 .item .item_m .note {
        font-size: 14px;
        line-height: 26px
    }
    .section7 .item1 {
        width: 100%;
        height: auto
    }
    .section7 .item1 .item2 {
        width: 100%;
        height: 50%;
        position: relative;
        background-size: cover!important
    }
    .section7 .item1 .item2 .item21 {
        width: 100%;
        position: static;
        top: 0;
        left: 100px;
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important;
        padding: 20px 15px
    }
    .section7 .item1 .item2 .item21 .tit {
        font-size: 16px;
        color: #fff;
        line-height: 16px
    }
    .section7 .item1 .item2 .item21 .tit1 {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 15px
    }
    .section7 .item1 .item2 .item21 .note {
        font-size: 14px;
        line-height: 26px
    }
    .section8 .item {
        width: 50%;
        height: 140px;
        overflow: hidden;
        border-top: solid 1px #535353;
        border-left: solid 1px #535353;
        padding: 20px
    }
    .section8 .item:nth-child(1),
    .section8 .item:nth-child(3),
    .section8 .item:nth-child(5),
    .section8 .item:nth-child(7) {
        border-left: none
    }
    .section8 .item:nth-child(1) .num,
    .section8 .item:nth-child(2) .num,
    .section8 .item:nth-child(3) .num,
    .section8 .item:nth-child(4) .num {
        top: 20px
    }
    .section8 .item:nth-child(1),
    .section8 .item:nth-child(2) {
        border-top: none
    }
    .section8 .item .num {
        top: 20px;
        right: 15px;
        color: #ccc;
        font-size: 18px
    }
    .section8 .item .item_m {
        position: static;
        color: #fff;
        font-size: 14px
    }
    .section8 .item .item_m img {
        margin-bottom: 40px;
        width: 30px
    }
    .ser_main {
        padding: 20px 0 20px;
        text-align: center
    }
    .ser_main .ser_tit {
        font-size: 20px;
        line-height: 20px
    }
    .ser_main .ser_tit1 {
        color: #000;
        font-size: 14px;
        letter-spacing: 5px;
        line-height: 20px;
        margin-top: 5px
    }
    .ser_main .note {
        color: #333;
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 20px
    }
    .ser_main .cont {
        margin-top: 10px;
        margin-left: -10px;
        margin-right: -10px
    }
    .ser_main .cont .col-md-6 {
        padding-left: 10px;
        padding-right: 10px
    }
    .ser_main .cont .item {
        border: solid 1px #dcdcdc;
        border-bottom: solid 2px #27245d;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        padding: 20px;
        height: auto;
        text-align: center
    }
    .ser_main .cont .item:hover {
        background: #fff;
        border: solid 1px #fff;
        border-bottom: solid 2px #fff
    }
    .ser_main .cont .item .tit {
        font-size: 18px
    }
    .ser_main .cont .item .btn1 a {
        color: #27245d;
        font-size: 14px
    }
    .ser_main .cont .item .btn1 span {
        color: #27245d;
        font-size: 20px;
        cursor: pointer
    }
    .ser_main .cont .item .hotline2 {
        color: #000;
        font-size: 24px
    }
    .ser_main .cont .item img {
        margin-bottom: 15px;
        display: block;
        width: 40px;
        margin-left: auto;
        margin-right: auto
    }
    .map_main {
        padding: 20px 0 20px;
        text-align: center
    }
    .map_main .map_tit {
        color: #000;
        font-size: 20px;
        letter-spacing: 5px
    }
    .map_main .map_tit1 {
        color: #000;
        font-size: 14px;
        letter-spacing: 5px
    }
    .map_main .note {
        color: #333;
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
        margin-bottom: 20px
    }
    .map_main .select1 {
        width: 100%;
        height: 50px;
        background-color: #dcdcdc;
        display: block;
        margin-bottom: 15px;
        font-size: 20px
    }
    .map_main .maptxt1 {
        width: 100%;
        height: auto;
        background: #dcdcdc;
        border-radius: 5px;
        padding: 15px;
        text-align: left
    }
    .map_main .maptxt1 .maptit {
        color: #000;
        font-size: 18px
    }
    .map_main .maptxt1 .maptit img {
        width: 20px
    }
    .map_main .maptxt1 .maptit span {
        margin-left: 10px
    }
    .map_main .maptxt1 .map_note .hotline {
        color: #27245d;
        font-size: 16px;
        margin-top: 10px
    }
    .map_main .maptxt1 .map_note .hotline img {
        width: 20px
    }
    .map_main .maptxt1 .map_note .hotline span {
        margin-left: 10px
    }
    .map_main .maptxt1 .map_note .address {
        color: #27245d;
        margin-top: 10px;
        font-size: 16px
    }
    .map_main .maptxt1 .map_note .address img {
        width: 20px
    }
    .map_main .maptxt1 .map_note .address span {
        margin-left: 10px
    }
    .map_main .maptxt1 .maptxtul {
        border-top: dashed 1px #acacac;
        margin-top: 15px;
        padding-top: 15px
    }
    .map_main .maptxt1 .maptxtul li {
        width: 50%;
        background: url(../images/huidian.png) no-repeat left center;
        color: #333;
        font-size: 14px;
        line-height: 22px;
        padding-left: 10px
    }
    .news_main {
        padding: 20px 0 20px;
        width: 100%
    }
    .news_main .news_top {
        padding-bottom: 20px;
        border-bottom: solid 1px #d9d9d9;
		padding-top: 0;
    }
    .news_main .news_top .pic {
        width: 100%;
        float: none;
        display: block
    }
    .news_main .news_top .pic img {
        width: 100%
    }
    .news_main .news_top .cont {
        margin-left: 0;
        padding-top: 20px
    }
    .news_main .news_top .cont .date {
        color: #c9c9c9;
        font-size: 16px
    }
    .news_main .news_top .cont .tit {
        padding-top: 10px
    }
    .news_main .news_top .cont .tit a {
        font-size: 20px;
        line-height: 30px
    }
    .news_main .news_top .cont .more {
        margin-top: 10px
    }
    .news_main .news_top .cont .more a {
        font-size: 18px;
        color: #27245d
    }
    .news_main .news_top .cont .more a:hover img {
        margin-left: 25px
    }
    .news_main .news_top .cont .more a img {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        margin-left: 15px;
        position: relative;
        top: -3px
    }
    .news_main .news_cont ul {
        padding-top: 5px;
        padding-bottom: 20px
    }
    .news_main .news_cont ul li {
        position: relative;
        margin-top: 20px;
        border-bottom: solid 1px #ccc;
        padding-bottom: 15px
    }
    .news_main .news_cont ul li .date {
        width: 100%;
        font-size: 16px;
        float: none;
        display: block
    }
    .news_main .news_cont ul li .btn1 {
        display: none
    }
    .news_main .news_cont ul li .cont {
        margin-right: 0;
        margin-left: 0
    }
    .news_main .news_cont ul li .cont .tit a {
        font-size: 20px;
        line-height: 30px
    }
    .news_main .news_cont ul li .cont .note {
        padding-top: 10px;
        font-size: 16px;
        line-height: 26px
    }
    .pages {
        text-align: center
    }
    .pages a {
        display: inline-block;
        vertical-align: middle;
      /*  width: 30px; */
        height: 30px;
        line-height: 30px;
        font-size: 14px;
		padding: 0 10px;
    }
	
   /* .pages a.prev {
        width: 16px;
        height: 25px;
        background: url(../images/zja1.png) no-repeat left center;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        margin-left: 15px;
        margin-right: 15px
    }
    .pages a.prev.on,
    .pages a.prev:hover {
        background: url(../images/zjb1.png) no-repeat left center
    }
    .pages a.next {
        width: 16px;
        height: 25px;
        background: url(../images/yja1.png) no-repeat left center;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        margin-left: 15px;
        margin-right: 15px
    }
    .pages a.next.on,
    .pages a.next:hover {
        background: url(../images/yjb1.png) no-repeat left center
    } */
    .details_main {
        background: #f9f9f9;
        padding-top: 60px;
        padding-bottom: 20px;
        width: 100%
    }
    .details_main .container {
        width: 100%
    }
    .details_main .details_top {
        padding-top: 20px
    }
    .details_main .details_top .tit {
        color: #000;
        font-size: 20px;
        line-height: 26px
    }
    .details_main .details_top .date {
        font-size: 16px;
        text-align: left;
        padding-top: 10px
    }
    .details_main .details_m {
        padding-top: 20px;
        color: #999;
        font-size: 14px;
        line-height: 24px
    }
    .details_main .details_m img {
        margin-bottom: 15px
    }
    .details_main .details_bot {
        padding-top: 20px
    }
    .details_main .details_bot a.fl {
        color: #000;
        font-size: 16px;
        text-decoration: underline;
        position: relative;
        top: 5px
    }
    .details_main .details_bot a.fl img {
        width: 10px;
        margin-right: 15px
    }
    .details_main .details_bot .share a {
        margin-left: 5px
    }
    .details_main .details_bot .share a img {
        width: 30px
    }
    .section9 {
        padding: 25px 15px
    }
    .section9 .item {
        width: 100%;
        height: auto;
        background-size: 50%!important;
        float: none
    }
    .section9 .item .item_m {
        position: static;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .section9 .item .item_m .tit {
        color: #000;
        font-size: 20px;
        line-height: 30px
    }
    .section9 .item .item_m .note {
        padding-top: 5px;
        font-size: 16px;
        line-height: 26px
    }
    .section9 .item1 {
        width: 100%;
        height: auto;
        float: none;
        margin-top: 25px
    }
    .section9 .item1 .item2 {
        width: 100%;
        height: auto;
        background: #27245d
    }
    .section9 .item1 .item2 .item2_main {
        width: 100%;
        position: static;
        top: 50%;
        left: 0;
        padding: 20px 15px 10px
    }
    .section9 .item1 .item2 .item2_main .itemm {
        width: 50%;
        color: #fff
    }
    .section9 .item1 .item2 .item2_main .itemm .tit1 {
        color: #fff;
        font-size: 14px
    }
    .section9 .item1 .item2 .item2_main .itemm .note {
        font-size: 14px;
        color: rgba(255, 255, 255, .2)
    }
    .section9 .item1 .item2 .item2_main .itemm .note span {
        color: #fff;
        font-size: 40px;
        margin-right: 10px
    }
    .section9 .item1 .item3 {
        width: 100%;
        height: 200px;
        background-size: cover!important
    }
    .section9 .item1 .item3 .btn_play {
        width: 50px;
        height: 50px;
        top: 50%;
        left: 50%;
        margin-top: -25px;
        margin-left: -25px
    }
    .section9 .item1 .item3 .btn_play img {
        width: 100%
    }
    .section10 .sec10_main1 {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2
    }
    .section10 .sec10_main1 .owl-item:nth-child(2n+1) .item:before {
        background: url(../images/xiexian2.png) no-repeat center center
    }
    .section10 .sec10_main1 .owl-item:nth-child(1) .item:after {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        right: 50%
    }
    .section10 .sec10_main1 .item {
        height: 32px;
        margin-bottom: 30px;
        position: relative
    }
    .section10 .sec10_main1 .item:before {
        content: '';
        width: 100%;
        height: 32px;
        background: url(../images/xiexian1.png) no-repeat center center;
        background-size: 100%!important;
        position: absolute;
        top: 0;
        left: 50%
    }
    .section10 .sec10_main1 .item div {
        width: 5px;
        height: 5px;
        background: #0a0a0a;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -2px;
        cursor: pointer
    }
    .section10 .sec10_main1 .item div span {
        position: absolute;
        left: 50%;
        top: 20px;
        width: 100px;
        text-align: center;
        margin-left: -50px;
        color: #999;
        font-size: 17px
    }
    .section10 .sec10_main1 .item.on div span {
        color: #000
    }
    .section10 .sec10_main {
        bottom: 0;
        position: relative;
        left: 0;
        width: 100%;
        padding: 15px 60px 150px
    }
    .section10 .sec10_main .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -92px;
        left: 10px;
        z-index: 3
    }
    .section10 .sec10_main .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }
    .section10 .sec10_main .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiand1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -92px;
        right: 10px;
        z-index: 3
    }
    .section10 .sec10_main .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }
    .section10 .sec10_main .item {
        width: 100%;
        height: auto;
        text-align: center
    }
    .section10 .sec10_main .item .year {
        color: #fff;
        font-size: 90px;
        font-weight: 700;
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -45px;
        left: 0;
        height: 90px;
        line-height: 90px;
        width: 100%
    }
    .section10 .sec10_main .item .note {
        color: #000;
        font-size: 14px;
        line-height: 26px;
        position: relative;
        z-index: 2
    }
    .pro_nav {
        padding: 15px 15px 25px
    }
    .pro_nav .col-md-2.on .cont:before,
    .pro_nav .col-md-2:hover .cont:before {
        opacity: 1
    }
    .pro_nav .col-md-2 {
        margin-top: 10px;
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }
    .pro_nav .col-md-2 .cont {
        position: relative
    }
    .pro_nav .col-md-2 .cont:before {
        content: '';
        width: 20px;
        height: 2px;
        background: #27245d;
        position: absolute;
        bottom: -4px;
        left: 0;
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .pro_nav .pic {
        width: 40px
    }
    .pro_nav .cont {
        margin-left: 20px;
		margin-bottom: 0px!important;
    }
    .pro_nav .cont .tit a {
        font-size: 16px
    }
    .pro_nav .cont .tit1 a {
        font-size: 14px
    }
    .section11 .sec11_left {
        width: 100%;
        height: auto;
        position: relative
    }
    .section11 .sec11_left .item {
        background-size: cover!important
    }
    .section11 .sec11_left .owl-dots {
        display: block;
        position: absolute;
        left: 0;
        margin-left: 0;
        bottom: 10px;
        width: 100%;
        text-align: center
    }
    .section11 .sec11_left .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border: solid 2px #1b1b1b;
        border-radius: 6px;
        float: none;
        display: inline-block;
        margin-right: 18px
    }
    .section11 .sec11_left .owl-dots .owl-dot.active {
        background: #27245d;
        border-color: #27245d
    }
    .section11 .sec11_right {
        width: 100%;
        height: auto;
        padding: 20px 15px
    }
    .section11 .sec11_right .tit {
        color: #000;
        font-size: 14px
    }
    .section11 .sec11_right .tit1 {
        font-size: 20px;
        line-height: 20px;
        padding-top: 10px
    }
    .section11 .sec11_right .tit2 {
        font-size: 20px;
        padding-top: 10px
    }
    .section11 .sec11_right .note {
        font-size: 16px;
        padding-top: 10px
    }
    .section12 {
        padding: 25px 15px;
        background-size: cover!important
    }
    .section12 .sec12_top .tit {
        font-size: 20px;
        margin-bottom: 10px
    }
    .section12 .sec12_top .tit1 {
        font-size: 20px;
        line-height: 20px
    }
    .section12 .sec12_top .abs {
        right: 0;
        top: 50%;
        margin-top: -20px
    }
    .section12 .sec12_bot {
        padding-top: 10px
    }
    .section12 .sec12_bot .row {
        margin-left: -10px;
        margin-right: -10px
    }
    .section12 .sec12_bot .row .col-md-2 {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 15px
    }
	.section12 .sec12_bot .row .col-md-2:nth-child(2n+1){ clear: left;}
	.section12 .sec12_bot .row .col-md-2:nth-child(7){ display: none;}
    .section12 .sec12_bot .row .col-md-2 .item {
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: auto;
        padding: 15px
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit {
        color: #fff;
        font-size: 18px;
        margin-top: 15px
    }
    .section12 .sec12_bot .row .col-md-2 .item .tit1 {
        color: #fff;
        font-size: 12px;
        opacity: .5;
       /* line-height: 14px;
		height: 14px; */
        padding-top: 3px;     
        overflow: hidden
    }
    .section12 .sec12_bot .row .col-md-2 .item img {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }
    .section12 .sec12_bot .row .col-md-2 .item:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    .section13 {
        padding: 25px 15px;
        text-align: center
    }
    .section13 .sec13_tit {
        font-size: 20px
    }
    .section13 .sec13_tit1 {
        font-size: 20px
    }
    .section13 .note {
        font-size: 16px;
        margin-top: 10px;
        line-height: 24px
    }
    .section13 .cont {
        margin-top: 25px;
        padding: 0 30px;
        position: relative
    }
    .section13 .cont .owl-dots {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: -10px
    }
    .section13 .cont .owl-dots .owl-dot {
        width: 7px;
        height: 7px;
        background: #d4d4d4;
        border-radius: 100%;
        margin-left: 9px;
        margin-right: 9px;
        display: inline-block
    }
    .section13 .cont .owl-dots .owl-dot.active {
        background: #27245d
    }
    .section13 .cont .item .pic {
        height: 70px;
        line-height: 70px;
        text-align: center;
        margin-bottom: 20px
    }
    .section13 .cont .item .pic img {
        width: auto;
        max-width: 100%;
        display: inline-block;
        max-height: 70px
    }
    .section13 .cont .item .tit {
        font-size: 14px
    }
    .section14 {
        padding: 15px
    }
    .section14 .sec14_tit {
        font-size: 20px
    }
    .section14 .sec14_tit1 {
        font-size: 20px
    }
    .section14 .cont {
        padding-top: 15px;
        position: relative
    }
    .section14 .cont .owl-dots {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
    .section14 .cont .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border: solid 2px #262626;
        border-radius: 100%;
        margin-left: 9px;
        margin-right: 9px;
        display: inline-block
    }
    .section14 .cont .owl-dots .owl-dot.active {
        background: #27245d
    }
    .section122 {
        background-size: cover!important;
        padding: 20px 15px
    }
    .section122 .sec122_left {
        width: 100%
    }
    .section122 .sec122_left .more {
        position: absolute;
        bottom: auto;
        top: 30px;
        left: auto;
        right: 20px
    }
    .section122 .sec122_left .tit {
        font-size: 20px
    }
    .section122 .sec122_left .tit1 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 10px
    }
    .section122 .sec122_center {
        display: none;
        width: 100%
    }
    .section122 .sec122_center img {
        width: 100%
    }
    .section122 .sec122_right {
        width: 100%;
        padding-left: 0;
        color: #999;
        font-size: 16px;
        line-height: 24px;
        padding-top: 15px;
        padding-bottom: 20px
    }
    .section122 .sec122_right .more {
        padding-top: 20px
    }
    .section122 .sec122_right .more a {
        width: 124px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 15px;
        opacity: .8
    }
    .section122 .sec122_right .more a:hover {
        opacity: 1
    }
    .yindao {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background: #000
    }
    .yindao .yd_close {
        width: 40px;
        height: 20px;
        background: #eee;
        color: #333;
        font-size: 12px;
        text-align: center;
        line-height: 22px;
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 2;
        border-radius: 4px;
        opacity: .8
    }
    .yindao .item {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover!important
    }
    .yindao .trans {
        -webkit-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out
    }
    .yindao .item1.on .tit {
        top: 10%;
        opacity: 1
    }
    .yindao .item1.on .year {
        left: -2px
    }
    .yindao .item1.on .cont .logo1 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item1.on .cont .tit1 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item1.on .cont .hengxian {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item1.on .cont .note {
        opacity: .8;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item1 .tit {
        top: 0;
        left: 20px;
        opacity: 0
    }
    .yindao .item1 .tit .dian {
        width: 8px;
        height: 8px;
        background: #27245d
    }
    .yindao .item1 .tit .name {
        width: 160px;
        color: #fff;
        font-size: 12px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        margin-left: 11px;
        margin-top: 15px
    }
    .yindao .item1 .year {
        bottom: 70px;
        left: -90px;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }
    .yindao .item1 .year img {
        width: 80px
    }
    .yindao .item1 .cont {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        padding: 0 25px
    }
    .yindao .item1 .cont .logo1 {
        margin-bottom: 30px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item1 .cont .logo1 img {
        width: 100px;
        margin-left: auto;
        margin-right: auto
    }
    .yindao .item1 .cont .tit1 {
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item1 .cont .tit1 div {
        margin-bottom: 15px
    }
    .yindao .item1 .cont .hengxian {
        width: 95px;
        height: 2px;
        background: #27245d;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item1 .cont .note {
        margin-top: 15px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2.on .tit {
        top: 10%;
        opacity: 1
    }
    .yindao .item2.on .cont .note,
    .yindao .item2.on .cont .tit1,
    .yindao .item2.on .cont .tit2,
    .yindao .item2.on .cont .tit3,
    .yindao .item2.on .cont .tit4 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item2.on .cont1 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item2 .tit {
        top: 0;
        left: 20px;
        opacity: 0
    }
    .yindao .item2 .tit .dian {
        width: 8px;
        height: 8px;
        background: #27245d
    }
    .yindao .item2 .tit .name {
        width: 160px;
        color: #fff;
        font-size: 12px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        margin-left: 11px;
        margin-top: 15px
    }
    .yindao .item2 .cont {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        padding: 0 25px
    }
    .yindao .item2 .cont .tit1 {
        color: #fff;
        font-size: 70px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont .tit2 {
        font-size: 15px;
        position: relative;
        color: #fff;
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont .tit2:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 3px;
        height: 4px;
        width: 70px;
        background: #27245d;
        z-index: -1
    }
    .yindao .item2 .cont .note {
        color: #fff;
        font-size: 26px;
        line-height: 32px;
        margin-top: 36px;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont .tit3 {
        margin-top: 56px;
        color: #fff;
        font-size: 66px;
        text-transform: uppercase;
        line-height: 60px;
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont .tit4 {
        color: #fff;
        font-size: 14px;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont1 {
        position: absolute;
        bottom: 50px;
        left: 30px;
        color: #fff;
        font-size: 14px;
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item2 .cont1 img {
        width: 28px;
        margin-bottom: 10px
    }
    .yindao .item3.on .tit {
        top: 10%;
        opacity: 1
    }
    .yindao .item3.on .cont .hotline,
    .yindao .item3.on .cont .more,
    .yindao .item3.on .cont .tit1 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .yindao .item3 .tit {
        top: 0;
        left: 20px;
        opacity: 0
    }
    .yindao .item3 .tit .dian {
        width: 8px;
        height: 8px;
        background: #27245d
    }
    .yindao .item3 .tit .name {
        width: 160px;
        color: #fff;
        font-size: 12px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        margin-left: 11px;
        margin-top: 15px
    }
    .yindao .item3 .cont {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 25px;
        text-align: center
    }
    .yindao .item3 .cont .tit1 {
        color: #fff;
        font-size: 30px;
        line-height: 36px;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item3 .cont .more {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item3 .cont .more a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        background: #27245d;
        color: #fff;
        font-size: 14px;
        margin-left: auto;
        margin-right: auto
    }
    .yindao .item3 .cont .hotline {
        color: #fff;
        font-size: 22px;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
    .yindao .item3 .cont .hotline img {
        width: 24px
    }
    .section8 .item .item_m img {
        position: relative;
        top: 20px
    }
    #owl-demo1 img {
        width: 100%
    }
}

@media (max-width:330px) {
    .pro_nav .cont .tit a {
        font-size: 12px
    }
}


/**/

@media screen and (max-width: 1700px) {
    .features12 .sec12_bot .row .col-md-2 .item {
        padding-left: 25px;
        padding-right: 25px;
    }
    .features12 .sec12_bot .row .col-md-2 .item .tit1 {
        font-size: 13px;
    }
    .features12 .msTwoBot .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .features12 .msTwoBot .row .msTwoCol {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 1600px) {
    .section11 .msNewRight {
        padding: 60px 80px 0 80px;
    }
    .section11 .msNewRight .note {
        font-size: 16px;
    }
    .section11 .msNewLeft .owl-dots {
        bottom: 80px;
    }
    .section11 .msNewRight .tit1 {
        font-size: 52px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1400px) {
    .section11 .msNewRight .tit1 {
        font-size: 46px;
        line-height: 42px;
    }
    .msNewRight .imgDiv {
        margin-top: 20px;
    }
    .section11 .msNewRight .note {
        height: 200px;
        padding-top: 0;
        margin-top: 30px;
    }
    .section11 .msNewRight {
        padding-top: 40px;
    }
    .section11 .sec11_right .tit2 {
        font-size: 20px;
    }
    .section11 .msNewLeft .owl-dots {
        bottom: 40px;
        margin-left: 80px;
    }
}

@media screen and (max-width: 1200px) {
    .features12 .msTwoBot .row {
        text-align: center;
    }
    .features12 .msTwoBot .row .msTwoCol {
        width: 25%;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .section11 .msNewLeft .owl-dots {
        bottom: 35px;
    }
}

@media screen and (max-width: 992px) {
    .section11 .msNewRight {
        padding: 45px 30px 0 30px;
    }
    .section11 .msNewRight .tit1 {
        font-size: 46px;
        line-height: 42px;
    }
    .section11 .msNewRight .tit2 {
        font-size: 30px;
    }
    .features12 {
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .features12 .sec12_top .tit {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .features12 .sec12_top .tit1 {
        font-size: 32px;
        line-height: 30px;
    }
    .features12 .sec12_bot {
        padding-top: 45px;
    }
    .msThreeBox,
    .msFourBox {
        padding: 50px;
    }
    .msFourBox .cont {
        padding-top: 35px;
    }
    .msFourBox .sec14_tit,
    .msFourBox .sec14_tit1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 640px) {
    .section11 .msNewRight {
        padding-bottom: 50px;
    }
    .features12 .msTwoBot .row .msTwoCol {
        width: 46%;
    }
    .features12,
    .msThreeBox,
    .msFourBox {
        padding: 25px 15px;
    }
    .features12 .sec12_top .tit {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .features12 .sec12_top .tit1 {
        font-size: 20px;
        line-height: 20px;
    }
    .features12 .sec12_bot {
        padding-top: 10px;
    }
    .msFourBox .sec14_tit,
    .msFourBox .sec14_tit1 {
        font-size: 20px;
    }
    .features12 .sec12_bot .row .col-md-2 .item {
        padding: 15px;
    }
    .features12 .sec12_bot .row .col-md-2 .item .tit1 {
        line-height: 15px;
        height: 35px;
    }
    .features12 .sec12_bot .row .col-md-2 {
        margin-top: 0;
    }
    .section11 .msNewLeft .owl-dots {
        margin-left: 0;
    }
	.section11 .sec11_right .note{ height: auto;}
}